import React from 'react';
import { Row, Col, Card, Form, Icon, Input, Button, Checkbox } from 'antd';
const FormItem = Form.Item;

const formItemLayout = {
    labelCol: { span: 4 },
    wrapperCol: { span:16 ,offset:4 },
};

class FormLogin extends React.Component{

    render(){
        const { getFieldDecorator } = this.props.form;
        return (
            <div className="login-container">
                <Row style={{marginTop:100}} >
                    <Col span={8} offset={8}>
                        <Card title="系统用户登录">
                            <Form>
                                <FormItem {...formItemLayout} >
                                    {getFieldDecorator('userName',{
                                        rules: [{ required:true, message:'请输入用户名' }],
                                    })(
                                        <Input prefix={<Icon type="user" style={{ color: 'rgba(0,0,0,.25)' }} />} placeholder="用户名"  size="large" />
                                    )}
                                </FormItem>
                            </Form>
                        </Card>
                    </Col>
                </Row>
            </div>
        );
    }
}

export default Form.create()(FormLogin);